<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form action="/" method="POST" enctype="multipart/form-data">
    <P>姓名：<input type="file" name="file"/></P>
    <P><input id="sub" type="submit" value="提交"/></P>
</form>
<progress id="pro" value="0" max="100"></progress>
<script  src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script>

//    $('#sub').click(function(){
//
//       tmier = setInterval(function(){
//            $.get('/upload',function(data){
//                console.log(data);
//                $('#pro').val(data);
//                if (data == 100){
//                    clearInterval(tmier)
//                }
//            });
//        },300)
//    });


 var socket  = io.connect();
    socket.on('connect',function(){
        console.warn('----已经建立连接！----');



    })
    socket.on('news',function(data){
        console.log(data);
    })
    socket.on('precent',function(data){
        console.log(data);
        $('#pro').val(data);
    })
</script>
</body>
</html>